<template>
  <div id='app'>
      <div class="router-to" >
          <div class="router-to-next">
              <span @click="RouterTo"></span>
              <p v-if="title">{{title}}</p>
          </div>
      </div>

  </div>
</template>

<script>
export default {
    props:{
        title:{
            type:String,
            default:'',
            validator:function(tit){
                return tit.length==4
            }
        }
    }
,
  data () {
    return {
         
    }
  },
  methods: {
      RouterTo(){
          this.$router.back()
      }

  },
  mounted() {

  },
  components: {

  }
}
</script>

<style lang='scss'>

.router-to{
    width: 100vw;
    height: 7vh;
  
}
.router-to-next{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    span{
        display: block;
        width: 12px;
        height: 12px;
        border: 2px solid black;
        border-top:none ;
        border-left:none ;
        transform: rotate(135deg);
        position: absolute;
        left: 5vw;
        top: 2vh;

    }
    p{
        font-size: 18px;

    }



}
</style>
